<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html lang="en">
	<head>
		
	</head>

	<body class="no-skin">
			<!-- /section:basics/sidebar -->
			<div class="main-content">
				<!-- #section:basics/content.breadcrumbs -->
				<div class="breadcrumbs" id="breadcrumbs">
					<script type="text/javascript">
						try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
					</script>

					<ul class="breadcrumb">
						<li>
							<i class="ace-icon fa fa-home home-icon"></i>
							<a href="#">Home</a>
						</li>

						<li>
							<a href="#">Tables</a>
						</li>
						<li class="active">Simple &amp; Dynamic</li>
					</ul><!-- /.breadcrumb -->

					<!-- #section:basics/content.searchbox -->
					<div class="nav-search" id="nav-search">
						<form class="form-search">
							<span class="input-icon">
								<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
								<i class="ace-icon fa fa-search nav-search-icon"></i>
							</span>
						</form>
					</div><!-- /.nav-search -->

					<!-- /section:basics/content.searchbox -->
				</div>

				<!-- /section:basics/content.breadcrumbs -->
				<div class="page-content">
					<!-- #section:settings.box -->
					<div class="ace-settings-container" id="ace-settings-container">
						<div class="ace-settings-box clearfix" id="ace-settings-box">
							<div class="pull-left width-50">
								<!-- #section:settings.skins -->
								<div class="ace-settings-item">
									<div class="pull-left">
										<select id="skin-colorpicker" class="hide">
											<option data-skin="no-skin" value="#438EB9">#438EB9</option>
											<option data-skin="skin-1" value="#222A2D">#222A2D</option>
											<option data-skin="skin-2" value="#C6487E">#C6487E</option>
											<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
										</select>
									</div>
									<span>&nbsp; Choose Skin</span>
								</div>

								<!-- /section:settings.skins -->

								<!-- #section:settings.navbar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
									<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
								</div>

								<!-- /section:settings.navbar -->

								<!-- #section:settings.sidebar -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
									<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
								</div>

								<!-- /section:settings.sidebar -->

								<!-- #section:settings.breadcrumbs -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
									<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
								</div>

								<!-- /section:settings.breadcrumbs -->

								<!-- #section:settings.rtl -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
									<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
								</div>

								<!-- /section:settings.rtl -->

								<!-- #section:settings.container -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
									<label class="lbl" for="ace-settings-add-container">
										Inside
										<b>.container</b>
									</label>
								</div>

								<!-- /section:settings.container -->
							</div><!-- /.pull-left -->

							<div class="pull-left width-50">
								<!-- #section:basics/sidebar.options -->
								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-hover" />
									<label class="lbl" for="ace-settings-hover"> Submenu on Hover</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact" />
									<label class="lbl" for="ace-settings-compact"> Compact Sidebar</label>
								</div>

								<div class="ace-settings-item">
									<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight" />
									<label class="lbl" for="ace-settings-highlight"> Alt. Active Item</label>
								</div>

								<!-- /section:basics/sidebar.options -->
							</div><!-- /.pull-left -->
						</div><!-- /.ace-settings-box -->
					</div><!-- /.ace-settings-container -->

					<!-- /section:settings.box -->
					<div class="page-content-area">
						<div class="page-header">
							<h1>
								Tables
								<small>
									<i class="ace-icon fa fa-angle-double-right"></i>
									Static &amp; Dynamic Tables
								</small>
							</h1>
						</div><!-- /.page-header -->
						

						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
									<div class="col-xs-12">
										<table id="sample-table-1" class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
													</th>
														<th>题号</th>
														<th>科目</th>
														<th>题干</th>
														<th>选项A</th>
														<th>选项B</th>
														<th>选项C</th>
														<th>选项D</th>
														<th>答案</th>
														<th>题目类型</th>
														<th>题目分数</th>
													<th colspan="2">操作</th>											
												</tr>
											</thead>

											<tbody>
												<c:forEach items="${testlist}" var="test">
												<tr>
													<td class="center">
														<label class="position-relative">
															<input type="checkbox" class="ace">
															<span class="lbl"></span>
														</label>
													</td>
													<td class="testid">${test.id}</td>
													<td>${test.examSubject.name}</td>
													<td>${test.content}</td>
													<td>${test.chooseA}</td>
													<td>${test.chooseB}</td>
													<td>${test.chooseC}</td>
													<td>${test.chooseD}</td>
													<td>${test.answer}</td>
													<td>${test.examTestType.testType}</td>
													<td>${test.examTestType.testTypeScore}</td>
													<td>
														<div class="hidden-sm hidden-xs btn-group">
															<button class="btn btn-xs btn-info showTest" data-toggle="modal">
																<i class="ace-icon fa fa-comment-o bigger-120"></i>
															</button>
															
															<button class="btn btn-xs btn-info edit-test" >
																<i class="ace-icon fa fa-pencil bigger-120"></i>
															</button>

															<button class="btn btn-xs btn-danger delete">
																<i class="ace-icon fa fa-trash-o bigger-120"></i>
															</button>
															
															
														</div>

														<div class="hidden-md hidden-lg">
															<div class="inline position-relative">
																<button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown" data-position="auto">
																	<i class="ace-icon fa fa-cog icon-only bigger-110"></i>
																</button>

																<ul class="dropdown-menu dropdown-only-icon dropdown-yellow dropdown-menu-right dropdown-caret dropdown-close">
																	<li>
																		<a href="#" class="tooltip-info" data-rel="tooltip" title="" data-original-title="View">
																			<span class="blue">
																				<i class="ace-icon fa fa-search-plus bigger-120"></i>
																			</span>
																		</a>
																	</li>

																	<li>
																		<a href="#" class="tooltip-success" data-rel="tooltip" title="" data-original-title="Edit">
																			<span class="green">
																				<i class="ace-icon fa fa-pencil-square-o bigger-120"></i>
																			</span>
																		</a>
																	</li>

																	<li>
																		<a href="#" class="tooltip-error" data-rel="tooltip" title="" data-original-title="Delete">
																			<span class="red">
																				<i class="ace-icon fa fa-trash-o bigger-120"></i>
																			</span>
																		</a>
																	</li>
																</ul>
															</div>
														</div>
													</td>
												</tr>
												
												</c:forEach>

												<c:if test="${not empty message}">
													<script type="text/javascript">
														alert("${message}");
													</script>
													</c:if>
											</tbody>
										</table>
									</div>
								</div>
							<button class="btn btn-xs btn-info addTestBtn" data-toggle="modal">
								<i class="ace-icon fa fa-plus bigger-120">&nbsp;添加试题</i>
							</button>
							<button class="btn btn-xs btn-info sc" data-toggle="modal" href="${pageContext.request.contextPath}/toFile">
								<i class="ace-icon fa fa-plus bigger-120">&nbsp;上传文件</i>
							</button>
								<div class="hr hr-18 dotted hr-double"></div>

								<div id="modal-table" class="modal fade" tabindex="-1">
									<div class="modal-dialog">
										<div class="modal-content">
											<div class="modal-header no-padding">
												<div class="table-header">
													<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
														<span class="white">&times;</span>
													</button>
													Results for "Latest Registered Domains
												</div>
											</div>

										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<div class="footer">
				<div class="footer-inner">
					<!-- #section:basics/footer -->
					<div class="footer-content">
						<span class="bigger-120">
							<span class="blue bolder">
						</span>

						&nbsp; &nbsp;
						<span class="action-buttons">
							<a href="#">
								<i class="ace-icon fa fa-twitter-square light-blue bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-facebook-square text-primary bigger-150"></i>
							</a>

							<a href="#">
								<i class="ace-icon fa fa-rss-square orange bigger-150"></i>
							</a>
						</span>
					</div>

					<!-- /section:basics/footer -->
				</div>
			</div>

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->
		<script type="text/javascript">
			window.jQuery || document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.min.js'>"+"<"+"/script>");
		</script>

		<script type="text/javascript">
			if('ontouchstart' in document.documentElement) document.write("<script src='${pageContext.request.contextPath}/static/assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${pageContext.request.contextPath}/static/assets/js/bootstrap.min.js"></script>

		<!-- page specific plugin scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/jquery.dataTables.bootstrap.js"></script>

		<!-- ace scripts -->
		<script src="${pageContext.request.contextPath}/static/assets/js/ace-elements.min.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace.min.js"></script>

		<!-- inline scripts related to this page -->
		<script type="text/javascript">
			jQuery(function($) {
				
				$('.delete').on('click', function() {
				      //第一种方式按照index进行值的获取，个人不推荐
				      //var userName = $(this).parents("tr").children("td:nth-child(2)").text();
				      //第二种方式按照id获取值,推荐
				      //var userId = $(this).parents("tr").find("#userid").text();
				      //alert(userId);
				      //第三种方式按照class获取值
				      //var userName = $(this).parents("tr").find(".userName").text();
				      var confirmMeg = confirm("确认删除该条记录？");
					if(confirmMeg==true){
						var testId = $(this).parents("tr").find(".testid").text();
						
						var a =window.location.href="delete/"+testId;
						
					}
				});
				
				$('.sc').on('click', function() {
					window.location.href="${pageContext.request.contextPath}/toFile";
				});
				//弹出添加试题的弹出框
				$('.addTestBtn').click(function(){
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getSubjectAndTypes',
						data:{},
						dataType:"json",
						success:function(data){
							$('#addTestForm select[name="subId"]').empty();
							$('#addTestForm select[name="testType"]').empty();
							$.each(data.subList,function(index,item){
								$('#addTestForm select[name="subId"]').append('<option value='+ item.subId +'>'+item.name+'</option>');
							});
							
							$.each(data.testTypeList,function(index,item){
								$('#addTestForm select[name="testType"]').append('<option value='+ item.id +' score = '+item.testTypeScore+'>'+item.testType+'</option>');
							});
							$('#addTestForm select[name="testType"]').trigger('change');
						}
					});
					$('#addTestModal').modal('show');
				});
				
				//类型改变时
				$('#addTestForm select[name="testType"]').change(function(){
					$('#addTestForm .testTypeScore').text('本题每题'+$(this).find('option:checked').attr('score') +'分。');
					var testType=$(this).val();
					
					if(testType==1){
						$('#addTestForm .answerTotal input:radio').show();
						$('#addTestForm .answerTotal input:checkbox').hide();
					}else if(testType==2){
						$('#addTestForm .answerTotal input:checkbox').show();
						$('#addTestForm .answerTotal input:radio').hide();
					}else{
						alert("无此试题类型");
					}
				});
				
				//根据ID获取考题信息
				$('.showTest').click(function(){
					var testId=$(this).parents("tr").find(".testid").text();
					
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getTestById',
						data:{
							testId:testId
						},
						dataType:'json',
						success:function(data){
							$('#showTestModal .sub-name').text(data.examSubject.name);
							$('#showTestModal .test-type').text(data.examTestType.testType);
							$('#showTestModal .content').text(data.content);
							$('#showTestModal .test-type-score').text(data.examTestType.testTypeScore);
							$('#showTestModal .choose-a').text(data.chooseA);
							$('#showTestModal .choose-b').text(data.chooseB);
							$('#showTestModal .choose-c').text(data.chooseC);
							$('#showTestModal .choose-d').text(data.chooseD);
							var a=data.answer;
							$('#showTestModal .answer').text(a);
							
						}
					});
					$('#showTestModal').modal("show");
				});
				
				//保存并添加试题
				$('#addTestSaveBtn').click(function(){
					if($('#addTestForm').valid()) {
						var subId=$('#addTestForm select[name="subId"]').val();
						var testType=$('#addTestForm select[name="testType"]').val();
						var content=$('#addTestForm textarea[name="content"]').val();
						var chooseA=$('#addTestForm input[name="chooseA"]').val();
						var chooseB=$('#addTestForm input[name="chooseB"]').val();
						var chooseC=$('#addTestForm input[name="chooseC"]').val();
						var chooseD=$('#addTestForm input[name="chooseD"]').val();
						var answerString='';
						if(testType==1){
							answerString+=$('#addTestForm input[name="answer"]:radio:checked').val();
						}else if(testType==2){
							var array=$('#addTestForm input[name="answer"]:checkbox:checked');
							$.each(array,function(index,item){
								answerString+=(index==0?$(item).val():(','+$(item).val()));
							});
						}else{
							alert("无此试题类型");
						}
						$.ajax({
							type:'POST',
							url:'${pageContext.request.contextPath}/teacher/saveTest',
							data:{
								'examSubject.subId':subId,
								'examTestType.id':testType,
								content:content,
								chooseA:chooseA,
								chooseB:chooseB,
								chooseC:chooseC,
								chooseD:chooseD,
								answer:answerString
							},
							dataType:"json",
							success:function(data){
								if(data.success){
									alert('添加成功');
									window.location.reload();
								}else{
									var messageMap=data.messageMap;
									for(var key in messageMap){
										var value=messageMap[key];
									}
									alert('添加失败');
								}
							}
						});
					}
				});
				
				//修改考题;
				$('.edit-test').click(function(){
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getSubjectAndTypes',
						dataType:'json',
						async:false,
						success:function(data){
							$('#editTestForm select[name="subId"]').empty();
							$('#editTestForm select[name="testType"]').empty();
							
							$.each(data.subList,function(index,item){
								$('#editTestForm select[name="subId"]').append('<option value='+item.subId+'>'+item.name+'</option>');
							});
							
							$.each(data.testTypeList,function(index,item){
								$('#editTestForm select[name="testType"]').append('<option value='+item.id+' score='+ item.testTypeScore+'>'+item.testType+'</option>');
							});
						}
					});
					
					var testId = $(this).parents("tr").find(".testid").text();
					$.ajax({
						type:'POST',
						url:'${pageContext.request.contextPath}/teacher/getTestById',
						data:{
							testId:testId
						},
						dataType:'json',
						success:function(data){
							$('#editTestForm select[name="subId"]').val(data.examSubject.subId);
							var answerRadio=$('#editTestForm .answerTotal input:radio');
							if(data.examTestType.id==1){
								$('#editTestForm select[name="testType"]').find("option[value='1']").prop('selected',true);
								$('#editTestForm select[name="testType"]').change();
								//var answerRadio = $('#editTestForm .answerTotal input:radio');
								for(var i=0;i<answerRadio.length;i++){
									if(answerRadio[i].value==data.answer){
										answerRadio.eq(i).attr("checked",true);
									}
								}
							}else if(data.examTestType.id==2){
								$('#editTestForm select[name = "testType"]').find("option[value='2']").prop('selected', true); 
								$('#editTestForm select[name = "testType"]').change();
								var answerCheckbox = $('#editTestForm .answerTotal input:checkbox');
								var array = data.answer.split(",");
								 for(var i = 0; i < answerCheckbox.length; i++) {
									answerCheckbox[i].checked = false;
									for(var j = 0; j < array.length; j++) {
										 if(answerCheckbox[i].value == array[j]) {
											answerCheckbox[i].checked = true;
										} 
									} 
								}
							}
							$('#editTestForm textarea[name = "content"]').val(data.content);
							$('#editTestForm input[name = "chooseA"]').val(data.chooseA);
							$('#editTestForm input[name = "chooseB"]').val(data.chooseB);
							$('#editTestForm input[name = "chooseC"]').val(data.chooseC);
							$('#editTestForm input[name = "chooseD"]').val(data.chooseD);
							$('#editTestForm input[name = "id"]').val(testId);
						}
					});
					$('#editTestModal').modal('show');
				});
				
				$('#editTestForm select[name="testType"]').change(function(){
					$('#editTestForm .testTypeScore').text('本题每题' + $(this).find('option:checked').attr('score') + '分');
					var testType = $(this).val();
					if(testType == 1) {
						$('#editTestForm .answerTotal input:radio').show();
						$('#editTestForm .answerTotal input:checkbox').hide();
						} else if (testType == 2) {
							$('#editTestForm .answerTotal input:radio').hide();
							$('#editTestForm .answerTotal input:checkbox').show();
							} else {
								alert('无试题类型');
							}
				});
				
				//修改保存试题
				$("#editTestSaveBtn").click(function(){
					if($("#editTestForm").valid()){
						//var testId = $(this).parents("tr").find(".testid").text();
						var subId=$('#editTestForm select[name="subId"]').val();
						var testType=$('#editTestForm select[name="testType"]').val();
						var content=$('#editTestForm textarea[name="content"]').val();
						var chooseA=$('#editTestForm input[name="chooseA"]').val();
						var chooseB=$('#editTestForm input[name="chooseB"]').val();
						var chooseC=$('#editTestForm input[name="chooseC"]').val();
						var chooseD=$('#editTestForm input[name="chooseD"]').val();
						var id=$('#editTestForm input[name="id"]').val();
						var answerTotal='';
						if(testType==1){
							answerTotal+=$('#editTestForm .answerTotal input[name="answer"]:radio:checked').val();
						}else if(testType==2){
							var array=$('#editTestForm input[name="answer"]:checkbox:checked');
							$.each(array,function(index,item){
								answerTotal+=(index==0)?($(item).val()):(','+$(item).val());
							});
						}else{
							alert('无答案');
						}
						$.ajax({
							type:'POST',
							url:'${pageContext.request.contextPath}/teacher/updateTest',
							data:{
								id:id,
								'examSubject.subId':subId,
								'examTestType.id':testType,
								content:content,
								chooseA:chooseA,
								chooseB:chooseB,
								chooseC:chooseC,
								chooseD:chooseD,
								answer:answerTotal
							},
							dataType:'json',
							success:function(data){
								if(data.success){
									alert('修改成功');
									window.location.reload();
								}else{
									var messageMap=data.messageMap;
									for(var key in messageMap) {
										var value = messageMap[key];
										$('#addTestForm input[name ="'+ key+ '"]').after('<label class="jsr303-message-label">'
																+ value+ '</label>');
									}
									alert('修改失败');
								}
							}
						});
					}
				});
				
				var oTable1 = 
				$('#sample-table-2')
				//.wrap("<div class='dataTables_borderWrap' />")   //if you are applying horizontal scrolling (sScrollX)
				.dataTable( {
					bAutoWidth: false,
					"aoColumns": [
					  { "bSortable": false },
					  null, null,null, null, null,
					  { "bSortable": false }
					],
					"aaSorting": [],
			

			    } );
				$(document).on('click', 'th input:checkbox' , function(){
					var that = this;
					$(this).closest('table').find('tr > td:first-child input:checkbox')
					.each(function(){
						this.checked = that.checked;
						$(this).closest('tr').toggleClass('selected');
					});
				});
			
			
				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
				function tooltip_placement(context, source) {
					var $source = $(source);
					var $parent = $source.closest('table')
					var off1 = $parent.offset();
					var w1 = $parent.width();
			
					var off2 = $source.offset();
					//var w2 = $source.width();
			
					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
					return 'left';
				}
			
			})
		</script>

		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/assets/css/ace.onpage-help.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/static/docs/assets/js/themes/sunburst.css" />

		<script type="text/javascript"> ace.vars['base'] = '..'; </script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/elements.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/assets/js/ace/ace.onpage-help.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/rainbow.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/generic.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/html.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/css.js"></script>
		<script src="${pageContext.request.contextPath}/static/docs/assets/js/language/javascript.js"></script>
		<script src="${pageContext.request.contextPath}/static/lib/jquery.validate.min.js"></script>
		
		
		<!-- 查看试题模态框 -->
		<div class="modal fade" id="showTestModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title" id="myModalLabel">
								查看试题详细
							</h4>
					</div>
				<div class="modal-body">
					<label>试题科目：</label><span class="sub-name"></span><br />
					<label>试题类型：</label><span class="test-type"></span><br />
					<label>题目：</label><span class="content"></span>——<span class="test-type"></span>,每题<span class="test-type-score"></span> 分<br />
					<label>A:</label><span class="choose-a"></span><br />
					<label>B:</label><span class="choose-b"></span><br />
					<label>C:</label><span class="choose-c"></span><br />
					<label>D:</label><span class="choose-d"></span><br />
					<label style="font-weight:bold;">答案：</label><span class="answer" style="font-weight:bold;"></span>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default gb" data-dismiss="modal">关闭</button>
				</div>
			</div>
			</div>
		</div>
		
		<!-- 添加试题模态框 -->
		<div class="modal fade" id="addTestModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title" id="myModalLabel">
								添加试题
							</h4>
					</div>
				<div class="modal-body">
					<form id="addTestForm" method="post">
					<p><label>科目：</label><select name="subId"></select></p>
					<p><label>试题类型：</label><select name="testType"></select><label class="testTypeScore"></label></p>
					<p><label>题干：</label><textarea name="content" rows="8" cols="50" placeholder="填写题目内容"></textarea></p>
					<p><label>选项A:</label><input type="text" name="chooseA" placeholder="填写答案内容，作为选项A"/></p>
					<p><label>选项B:</label><input type="text" name="chooseB" placeholder="填写答案内容，作为选项B"/></p>
					<p><label>选项C:</label><input type="text" name="chooseC" placeholder="填写答案内容，作为选项C"/></p>
					<p><label>选项D:</label><input type="text" name="chooseD" placeholder="填写答案内容，作为选项D"/></p>
					<p><label>答案：</label>
						<span class="answerTotal">
							<input type="radio" name="answer" value="A" checked/>
							<input type="checkbox" name="answer" value="A" />选项A
							<input type="radio" name="answer" value="B" />
							<input type="checkbox" name="answer" value="B" />选项B
							<input type="radio" name="answer" value="C" />
							<input type="checkbox" name="answer" value="C" />选项C
							<input type="radio" name="answer" value="D" />
							<input type="checkbox" name="answer" value="D" />选项D
						</span>
					</p>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="addTestSaveBtn" type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
			</div>
		</div>
		
		<!-- 修改试题模态框 -->
		<div class="modal fade" id="editTestModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title" id="myModalLabel">
								修改试题
							</h4>
					</div>
				<div class="modal-body">
					<form id="editTestForm" method="post">
					<input type="hidden" name="id">
					<p><label>科目：</label><select name="subId"></select></p>
					<p><label>试题类型：</label><select name="testType"></select><label class="testTypeScore"></label></p>
					<p><label>题干：</label><textarea name="content" rows="8" cols="50" placeholder="填写题目内容"></textarea></p>
					<p><label>选项A:</label><input type="text" name="chooseA" placeholder="填写答案内容，作为选项A"/></p>
					<p><label>选项B:</label><input type="text" name="chooseB" placeholder="填写答案内容，作为选项B"/></p>
					<p><label>选项C:</label><input type="text" name="chooseC" placeholder="填写答案内容，作为选项C"/></p>
					<p><label>选项D:</label><input type="text" name="chooseD" placeholder="填写答案内容，作为选项D"/></p>
					<p><label>答案：</label>
						<span class="answerTotal">
							<input type="radio" name="answer" value="A" checked/>
							<input type="checkbox" name="answer" value="A" />选项A
							<input type="radio" name="answer" value="B" />
							<input type="checkbox" name="answer" value="B" />选项B
							<input type="radio" name="answer" value="C" />
							<input type="checkbox" name="answer" value="C" />选项C
							<input type="radio" name="answer" value="D" />
							<input type="checkbox" name="answer" value="D" />选项D
						</span>
					</p>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button id="editTestSaveBtn" type="button" class="btn btn-primary">保存</button>
				</div>
			</div>
			</div>
		</div>
	</body>
</html>